import { logo } from "./assets";

export const TitleBar = () => {
  return (
    <>
      <div className="flex w-full flex-row p-2">
        <div className="flex flex-1 flex-row items-center">
          <img className="flex h-9 px-1" src={logo} alt="" />
          <span className="flex text-nowrap font-sans text-[17px] font-bold">
            Debian 软件仓库分析工具 - v1.0.0
          </span>
        </div>
        <div className="flex items-center gap-2">
          <span className="flex-1 text-nowrap font-sans text-black">
            软件包查询:
          </span>
          <input
            className="flex-1 border-[2px] border-white py-1 focus:border-blue-300"
            type="text"
            placeholder="输入要查询的软件名称"
          />
          <button className="flex-1 text-nowrap px-3 py-1">查询</button>
        </div>
        <div className="flex flex-1 justify-end">
          <button className="border-white bg-white py-1">x</button>
        </div>
      </div>
    </>
  );
};
